<!-- 这个是详情页的番剧选集6话 -->
<script setup>
    import {ref,defineProps} from "vue"
    import animeFanDetail3 from "./animeFanDetail3.vue"

    /**
     * @imagex : 番剧图片路径
     * @jiNamex : 番剧集数名称路径
     * @fanNamex : 番剧名称 
     */
    const props = defineProps({
        image1:{type:String},
        image2:{type:String},
        image3:{type:String},
        image4:{type:String},
        image5:{type:String},
        image6:{type:String},

        ji_name1:{type:String},
        ji_name2:{type:String},
        ji_name3:{type:String},
        ji_name4:{type:String},
        ji_name5:{type:String},
        ji_name6:{type:String},

        fan_name1:{type:String},
        fan_name2:{type:String},
        fan_name3:{type:String},
        fan_name4:{type:String},
        fan_name5:{type:String},
        fan_name6:{type:String},

        fan1_to:{type:String},
        fan2_to:{type:String},
        fan3_to:{type:String},
        fan4_to:{type:String},
        fan5_to:{type:String},
        fan6_to:{type:String},
    })

</script>

<template>
    <div class="fanJiDetalBox">
        <div class="fanJiDetail1">
            <animeFanDetail3 
                :image_url="props.image1"
                    :ji_name="props.ji_name1"
                    :fan_name="fan_name1"
                    :fan_to="fan1_to"/>
            <animeFanDetail3 
                :image_url="props.image2"
                    :ji_name="props.ji_name2"
                    :fan_name="fan_name2"
                    :fan_to="fan2_to"/>
            <animeFanDetail3 
                :image_url="props.image3"
                    :ji_name="props.ji_name3"
                    :fan_name="fan_name3"
                    :fan_to="fan3_to"/>
        </div>
        <div class="fanJiDetail2">
            <animeFanDetail3 
                :image_url="props.image4"
                    :ji_name="props.ji_name4"
                    :fan_name="fan_name4"
                    :fan_to="fan4_to"/>
            <animeFanDetail3 
                :image_url="props.image5"
                    :ji_name="props.ji_name5"
                    :fan_name="fan_name5"
                    :fan_to="fan5_to"/>
            <animeFanDetail3 
                :image_url="props.image6"
                    :ji_name="props.ji_name6"
                    :fan_name="fan_name6"
                    :fan_to="fan6_to"/>
        </div>
        <div class="ge1"></div>
    </div>
</template>

<style scoped>
.fanJiDetalBox{
    width: 100%;
    height: 100%;
}
.fanJiDetail1,
.fanJiDetail2{
    width: 100%;
    height: 50%;
    display: flex;
}
.ge1{
    margin-left: 80px;
    margin-right: 80px;
    width: 80%;
    height: 0.5%;
    background-color: rgba(200, 200, 200, 0.5);
}
</style>